.pad20{
	padding: 20px;
}
.flowsmain{
	width: auto;
	height: auto;
}
.flowsitembox{
	width: auto;
	min-height: 40px;
	float: left;
}
.flowsitem{
	display: block;
	width: auto;
	height: 30px;
	border: 1px solid #eee;
	padding: 0 10px 0 40px;
	line-height: 30px;
	color: #ccc;
	float: left;
	position: relative;
	font-size: 14px;
	border-radius:50px;
}
.flowsnumber{
	display: block;
	position: absolute;
	left:0;
	top:0;
	width: 30px;
	height:100%;
	border-right:1px solid #eee;
	text-align: center;
	line-height:30px;
	background-color: #fefefe;
	color: #ccc;
	padding: 0px 3px;
	border-radius:50px;
}
.flowsitembox .split{
	width:30px;
	height: 2px;
	background-color: #eee;
	float: left;
	margin-top: 15px;
}
.flowsitembox.active .flowsitem{
	color: #32CD32;
	border: 1px solid #32CD32;
	border-radius:50px
}
.flowsitembox.present .flowsitem{
	color: #FF5D0C;
	border: 1px solid #FF5D0C;
	border-radius:50px
}
.flowsitembox.active .flowsitem .flowsnumber{
	background-color:#32CD32;
	border-right:1px solid #32CD32;
	color: #fff;
	padding: 0px 3px;
	border-radius:50px;
}
.flowsitembox.present .flowsitem .flowsnumber{
	background-color:#FF5D0C;
	border-right:1px solid #FF5D0C;
	color: #fff;
	padding: 0px 3px;
	border-radius:50px;
}
.flowsitembox.present .split{
	background-color: #FF5D0C;
}
.flowsitembox.active .split{
	background-color: #32CD32;
}

.flowssubbox{
	clear: both;
	padding: 20px 0 0 0;
}
.blocks{
	display: block;
	width: 200px;
	height: 200px;
	border: 1px solid #F3F3F3;
	padding: 5px;
	background-color: #fff;
	position: relative;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #999;
}
.blockNoHover{
	display: block;
	width: 200px;
	height: 200px;
	border: 1px solid #F3F3F3;
	padding: 5px;
	background-color: #fff;
	position: relative;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #999;
}
.blocksnumber{
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	color: #ccc;
}
.blockstitle{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding-bottom: 15px;
	font-size: 15px;
	line-height: 22px;
}
.blocks:hover{
	border: 1px solid orange;
	color: orangered;
	background-color:#fff;
}

.flowsform{
	clear: both;
	background-color: #fafafa;
	padding: 20px 0 20px 0;
	margin-top: 10px;
}
.fzbtnbox{
	padding: 10px 0 0 0;
}
.votelable{
	display: block;
	width: auto;
	background:#F5f5f5;
	height: 35px;
	padding:0 10px 0 10px;
	border: 1px solid  #D7D7D7;
	color: #999;
	line-height: 35px;
	float: left;
}
.voteinput{
	display: block;
	float: left;
	width: 60px;
	height: 35px;
	border: 1px solid  #D7D7D7;
	outline: none;
	padding: 0 5px 0 5px;
	text-align: center;
	color: orangered;
	font-weight: bold;
	border-left: 0px;
}
.border0l{
	border-left: 0px;
}
/**icons**/
.blocks1_1{
	background:#FDFDFD url(../img/fz/i1.png) no-repeat center;
}
.blocks1_2{
	background:#FDFDFD url(../img/fz/i2.png) no-repeat center;
}
.blocks1_3{
	background:#FDFDFD url(../img/fz/i3.png) no-repeat center;
}
.blocks1_4{
	background:#FDFDFD url(../img/fz/i4.png) no-repeat center;
}
.blocks1_5{
	background:#FDFDFD url(../img/fz/i5.png) no-repeat center;
}
.blocks1_6{
	background:#FDFDFD url(../img/fz/i6.png) no-repeat center;
}
.blocks1_7{
	background:#FDFDFD url(../img/fz/i7.png) no-repeat center;
}
.blocks1_8{
	background:#FDFDFD url(../img/fz/i8.png) no-repeat center;
}
.blocks1_9{
	background:#FDFDFD url(../img/fz/i9.png) no-repeat center;
}
.blocks1_10{
	background:#FDFDFD url(../img/fz/i10.png) no-repeat center;
}
.blocks1_11{
	background:#FDFDFD url(../img/fz/i11.png) no-repeat center;
}
.blocks1_12{
	background:#FDFDFD url(../img/fz/i12.png) no-repeat center;
}